<template>
	<div class="searchBox">
		<div class="iconspan">
			<van-icon class="icon" class-prefix="iconfont" name="search" />
			<span>搜索课程</span>
		</div>
	</div>
</template>

<script>
</script>

<style lang="scss" scoped>
	@import '@/assets/css/variable';
	.searchBox {
		border-radius: 2rem;
		width: 90%;
		height: 3.6rem;
		background-color: $main-bgc-gray;
		text-align: center;
		color: #bfbfbf;
		margin: 1.6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 3;
		.iconspan {
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #888;
	
			.icon {
				font-size: 1.4rem;
			}
	
			span {
				margin-left: 0.8rem;
				font-size: 1.2rem;
			}
		}
	}
</style>
